*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body {
    width:100vw;
    height:100vw;
    position:absolute;
    top:0;
    left:0;
	background:gray;
	font-family: 'Microsoft YaHei','Lantinghei SC','Open Sans',Arial,'Hiragino Sans GB','STHeiti','WenQuanYi Micro Hei','SimSun',sans-serif;	
}

.container{
	width:320px;
	height:480px;
	background-image: url(../images/game_bg.jpg);
    background-repeat: no-repeat; 	
    margin:100px auto;
    border-radius:10px;
	position:relative;
	cursor:pointer;
}
.mouse{
	position: absolute;
	cursor:none;
	display:none;
}
.scoreValue{
	font-size: 25px;
	font-weight: bold;
	color:white;
	position:absolute;
	left:60px;
	top:5px;
}

.progress{
	width:180px;
	height:16px;
	position: absolute;
	left:63px;
	top:66px;
}

.gameBegan,.gameOver button{
	width:150px;
	height:35px;	
	font-size:25px;
	font-weight: bold;
	background: linear-gradient(#F03000,#FF3E00);
	border:none;
	color:white;
	border-radius:20px;
	position:relative;
	margin-top:300px;
	margin-left:80px;
	cursor: pointer;
}

 .gameOver .goBack{
	margin-top: 30px;
}

.rules{
	color:gray;
	position: absolute;
	top:95%;
	left:78%;
	cursor: pointer;
}

.rule{
	width:320px;
	height:480px;
	background: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	left: 0;
	font-size: 20px;
	color:white;
	text-align: center;

	display: none;
}
.rule p:first-child{
	margin-top: 100px;
}
.rule p{
	line-height:60px;
}
.rule a{
	text-decoration: none;
	color:white;
}

.gameOver{
	width:320px;
	height:480px;
	background: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	left: 0;

	display: none;
}

.gameOver p{
	font-weight: bold; 	
	font-size:35px;
	color:#ff4500;
	text-shadow: 3px 3px 0 white;
	position:absolute;
	top:200px;
	left:15%;
}

.gameOver button{
	background:linear-gradient(#74ACCF,#007DDD);
}
